<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
     initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/index.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/pasonnal-page.css"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HLAmtPTT3uy4Gzeju1bsjFcKb8CKl9ua"></script>
    <title></title>
</head><body id="ancestor">
<div id="family-circle" class="family-list">
    <div class="member-application-head">
        <a href="#" onclick="window.history.back()">
            <img src="${ctx}/static/h5/images/back.png" class="go-backk" alt=""/>
            <span>返回</span>
        </a>
        <h4>家族圈</h4>
    </div>
    <%--<div class="family-circle-contnet">
        <div><img src="${ctx}/static/h5/images/head-personnal.png" class="pasonnal-head" alt=""/></div>
        <p><span class="p-name">姓名</span><span>已激活</span></p>
    </div>--%>
    <section class="pasonnal-contnet">
        <a href="" class="personDetail">
            <c:if test="${!empty person.avatar}">
                <div><img src="${person.avatar}" class="pasonnal-head" alt=""/></div>
            </c:if>
            <c:if test="${empty person.avatar}">
                <div><img src="${ctx}/static/h5/images/family_icon.png" class="pasonnal-head" alt=""/></div>
            </c:if>
            <p id="my_userStatus"><span class="p-name">${person.name}</span>
                <c:if test="${empty person.user}">
                    <span class="status">未激活</span>
                </c:if>
                <c:if test="${!empty person.user}">
                    <span class="status">已激活</span>
                </c:if>
            </p>
        </a>
    </section>
    <div>
        <ul id="share">
            <c:if test="${!empty feeds}">
            <c:forEach items="${feeds}" var="feed">
                <li class="container">
                    <div class="share-time">
                        <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                    </div>
                    <div class="row">
                        <div class="col-xs-6 share-avatar">
                            <c:if test="${empty feed.customer.pic}">
                                <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                            </c:if>
                            <c:if test="${!empty feed.customer.pic}">
                                <img src="${feed.customer.pic}" alt=""/>
                            </c:if>
                        </div>
                        <div class="col-xs-6 share-content">
                            <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                            <span class="share-text">${feed.content}</span>
                            <input hidden="hidden" class="fId" value="${feed.id}" >
                        </div>
                    </div>
                    <!--评论区域开始-->
                    <div class="cmt_area">
                        <c:forEach var="li" items="${feed.topCommentList}">
                            <p class="issue_cont">
                                <input hidden="hidden" class="commentId" value="${li.id}"/>
                                <span class="issue_id">${li.customer.name}</span>
                                <span>：</span>
                                <span>${li.content}</span>
                            </p>
                        </c:forEach>
                    </div>
                    <!--评论区域结束-->
                    <div class="share-method">
                        <div class="dianzan">
                            <c:if test="${feed.liked==true}">
                                <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                <input hidden="hidden" class="liked" value="1">
                            </c:if>
                            <c:if test="${feed.liked==false}">
                                <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                <input hidden="hidden" class="liked" value="0">
                            </c:if>
                            <span class="dianzan-count">${feed.likeCount}</span>
                            <input  hidden="hidden" class="fid" value="${feed.id}"/>
                        </div>
                        <div class="comment">
                            <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                            <c:if test="${feed.commentCount==0}">
                                <span class="pinglun-count">0</span>
                            </c:if>
                            <c:if test="${feed.commentCount>0}">
                                <span class="pinglun-count">${feed.commentCount}</span>
                            </c:if>
                            <input hidden="hidden" class="fId" value="${feed.id}" >
                        </div>
                    </div>
                </li>
            </c:forEach>
            </c:if>

            <c:if test="${!empty feed}">
                <li class="container">
                    <div class="share-time">
                        <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                    </div>
                    <div class="row">
                        <div class="col-xs-6 share-avatar">
                            <c:if test="${empty feed.customer.pic}">
                                <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                            </c:if>
                            <c:if test="${!empty feed.customer.pic}">
                                <img src="${feed.customer.pic}" alt=""/>
                            </c:if>
                        </div>
                        <div class="col-xs-6 share-content">
                                <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                            <span class="share-text">${feed.content}</span>
                        </div>
                    </div>
                    <!--评论区域开始-->
                    <div class="cmt_area">
                        <c:forEach var="li" items="${four}">
                            <p class="issue_cont">
                                <input hidden="hidden" class="commentId" value="${li.id}"/>
                                <input hidden="hidden" class="userid" value="${li.customer.id}"/>
                                <span class="issue_id">${li.customer.name}</span>
                                <span>：</span>
                                <span>${li.content}</span>
                            </p>
                        </c:forEach>
                    </div>
                    <!--评论区域结束-->
                    <div class="share-method">
                        <div class="dianzan">
                            <c:if test="${feed.liked==true}">
                                <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                <input hidden="hidden" class="liked" value="1">
                            </c:if>
                            <c:if test="${feed.liked==false}">
                                <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                <input hidden="hidden" class="liked" value="0">
                            </c:if>
                            <span class="dianzan-count">${feed.likeCount}</span>
                            <input  hidden="hidden" class="fid" value="${feed.id}"/>
                        </div>
                        <div class="comment">
                            <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                            <c:if test="${feed.commentCount==0}">
                                <span class="pinglun-count">0</span>
                            </c:if>
                            <c:if test="${feed.commentCount>0}">
                                <span class="pinglun-count">${feed.commentCount}</span>
                            </c:if>
                        </div>
                    </div>
                </li>
            </c:if>
        </ul>
            <%--<div id="share" class="tab-pane fade">--%>
                <%--<ul>--%>
                    <%--<c:forEach var="li" items="${shares}">--%>
                        <%--<li class="container">--%>
                            <%--<div class="share-time">--%>
                                <%--<span class="share-time-day"><fmt:formatDate value="${li.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${li.createTime}" pattern="MM"/></span>月--%>
                            <%--</div>--%>
                            <%--<div class="row">--%>
                                <%--<div class="col-xs-6 share-avatar">--%>
                                    <%--<c:if test="${!empty person.avatar}">--%>
                                        <%--<img src="${person.avatar}" class="" alt=""/>--%>
                                    <%--</c:if>--%>
                                    <%--<c:if test="${empty person.avatar}">--%>
                                        <%--<img src="${ctx}/static/h5/images/personnal.png" alt=""/>--%>
                                    <%--</c:if>--%>
                                <%--</div>--%>
                                <%--<div class="col-xs-6 share-content">--%>
                                        <%--&lt;%&ndash;<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>&ndash;%&gt;--%>
                                    <%--<span class="share-text">${li.content}</span>--%>
                                    <%--<input  hidden="hidden" class="tagid" value="4"/>--%>
                                <%--</div>--%>
                                <%--<input  hidden="hidden" class="fid" value="${li.id}"/>--%>

                            <%--</div>--%>
                            <%--<!--评论区域-->--%>
                            <%--<div class="cmt_area">--%>
                                    <%--&lt;%&ndash;       <p class="issue_cont">--%>
                                               <%--<span class="issue_id">小强</span>--%>
                                               <%--<span>：</span>--%>
                                               <%--<span>我们都是好孩子一个孤独的好孩子我说的经典的简单地念叨念叨念叨念叨</span>--%>
                                           <%--</p >&ndash;%&gt;--%>
                            <%--</div>--%>
                            <%--<div class="share-method" >--%>
                                <%--<div class="dianzan">--%>
                                    <%--<c:if test="${li.liked==true}">--%>
                                        <%--<img src="${ctx}/static/h5/images/dianzan.png" alt=""/>--%>
                                        <%--<input hidden="hidden" class="liked" value="1">--%>
                                    <%--</c:if>--%>
                                    <%--<c:if test="${li.liked==false}">--%>
                                        <%--<img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>--%>
                                        <%--<input hidden="hidden" class="liked" value="0">--%>
                                    <%--</c:if>--%>
                                    <%--<span class="dianzan-count">${li.likeCount}</span>--%>
                                    <%--<input  hidden="hidden" class="fid" value="${li.id}"/>--%>
                                <%--</div>--%>
                                <%--<div class="comment">--%>
                                    <%--<img src="${ctx}/static/h5/images/pinglun.png" alt=""/>--%>
                                    <%--<span class="pinglun-count">${li.commentCount}</span>--%>
                                    <%--<input  hidden="hidden" class="tagid" value="4"/>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                        <%--</li>--%>
                    <%--</c:forEach>--%>
                <%--</ul>--%>
                <%--<img src="${ctx}/static/h5/images/sharebtn.png" class="share_btn"/>--%>
            </div>
        <%--<img src="${ctx}/static/h5/images/sharebtn.png" class="share_btn"/>--%>
    </div>
</div>
<!--发布分享-->
<%--<div id="publish">

    <div class="container">
        <ul class="share_top row">
            <li class="col-xs-2 cancle_share">取消</li>
            <li class="col-xs-8 font_title">发表文字</li>
            <li class="col-xs-2 issue_share"><button>发送</button></li>
        </ul>
        <textarea name="" rows="" cols="" class="share_cont"></textarea>
        <div class="container posit" id="getLoc">
            <div class="row">
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/position.png" alt="" />
                </div>
                <div class="col-xs-8 pos_area" id="locMess">
                    所在位置
                </div>
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/tiaozhuan.png" alt="" />
                </div>
            </div>
        </div>
    </div>
</div>--%>
<!--发表评论-->
<div class="cmt_btm container">
    <div class="row cmt_box">
        <div class="col-xs-10">
            <textarea placeholder="评论一下：）" class="cmt_cont"></textarea>
        </div>
        <div class="col-xs-2">
            <input type="button" name="" id="cmt_issue" value="发表" />
        </div>
    </div>
</div>
<!--删除评论或取消-->
<ul class="del_cmt">
    <li class="del">删除</li>
    <li class="cancl">取消</li>
</ul>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/personal/family_circle.js"></script>
</html>